<div class="row-content am-cf">
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="widget am-cf">
                <div class="widget-head am-cf">
                    <div class="widget-title am-cf">分享树状图</div>
                </div>
                <div class="widget-body am-fr">
                    <!-- 工具栏 -->
                    <div class="page_toolbar am-margin-bottom-xs am-cf">
                        <form class="toolbar-form" action="">
                            <input type="hidden" name="s" value="/<?= $request->pathinfo() ?>">
                            <div class="am-u-sm-12 am-u-md-12 ">
                                <div class="am fr">
                                    <div class="am-form-group tpl-form-border-form am-fl">
                                        <input type="text" name="start_time"
                                               class="am-form-field"
                                               value="<?= $request->get('start_time') ?>" placeholder="请选择起始日期"
                                               data-am-datepicker>
                                    </div>
                                    <div class="am-form-group tpl-form-border-form am-fl">
                                        <input type="text" name="end_time"
                                               class="am-form-field"
                                               value="<?= $request->get('end_time') ?>" placeholder="请选择截止日期"
                                               data-am-datepicker>
                                    </div>
                                    <!-- <div class="am-form-group am-fl">
                                        <div class="am-input-group am-input-group-sm tpl-form-border-form">
                                            <input type="text" class="am-form-field" name="search"
                                                   placeholder="请输入昵称/姓名/手机号"
                                                   value="<?= $request->get('search') ?>">
                                            <div class="am-input-group-btn">
                                                <button class="am-btn am-btn-default am-icon-search"
                                                        type="submit"></button>
                                            </div>
                                        </div>
                                    </div> -->
                                </div>
                            </div>
                            
                        </form>
                    </div>
                    <!-- zhe -->
                     <!-- 假设你在 tree.html 中输出 JSON 到 JS 变量 -->
                    <script>
                        const treeData = <?= json_encode($treeData, JSON_UNESCAPED_UNICODE) ?>;
                    </script>

                    <div id="app">
                        <el-tree
                            :data="treeData"
                            :props="defaultProps"
                            node-key="user_id"
                            highlight-current
                            :expand-on-click-node="false"
                            default-expand-all>
                            <span class="custom-tree-node" slot-scope="{ node, data }">
                                <span>{{ data.label }}（{{ data.real_name }} - {{ data.mobile }}）</span>
                            </span>
                        </el-tree>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                treeData: treeData,
                defaultProps: {
                    children: 'children',
                    label: 'label'
                }
            }
        }
    });
</script>




